.author-box {
  height: 7.10rem;
  border-radius: .12rem;
}

.author-box .card {
  display: block;
  width: 6.89rem;
  height: 3.94rem;
  background: #1c1c1c;
  border: none;
  margin: 0 auto;
  flex-shrink: 0;
  position: relative;
}

.author-box .card .image {
  width: 100%;
  display: block;
  border-radius: .12rem;
}

.author-box .card .cardbottom {
  height: 1.51rem;
  width: 6.89rem;
  padding: 0 .2rem;
  position: absolute;
  left: 0;
  bottom: -0.16rem;
  transform: translateY(-0.16rem);
  background: rgba(40, 44, 52, 0.6);
}

.author-box .card .title {
  line-height: .46rem;
  margin-top: .16rem;
  transform: translateX(-0.12rem);
  text-align: center;
}

.author-box .card .text1 {
  text-align: center;
}

.author-box .card:nth-child(1) .title, .author-box .card:nth-child(1) .text1 {
  transform: translateY(0.12rem);
}

.author-box .card:nth-child(2) {
  transform: translateX(0.11rem);
}

.author-box .card:nth-child(3) {
  transform: translateX(-0.11rem);
}

.author-box .card:nth-child(2), .author-box .card:nth-child(3) {
  width: 3.33rem;
  height: 2.89rem;
}

.author-box .card:nth-child(2) .cardbottom, .author-box .card:nth-child(3) .cardbottom {
  height: 1.26rem;
  width: 3.33rem;
}

.author-box .card:nth-child(2) span, .author-box .card:nth-child(3) span {
  display: none;
}

.author-box .text1 {
  transform: translateY(-0.12rem);
}
